<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8"/>
    <title>首页</title>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/index.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index.css"/>

</head>
<%String path = request.getContextPath();%>
<body>
<!--导航栏-->
<div class="header">
    <ul class="nav nav-pills nav-justified nav-tabs">
        <li>
            <a href="<%=path%>/index">首页</a>
        </li>
        <li> <!--按下后会有边框效果，与下边搭配使用class="dropdown"--><!--data-toggle="dropdown"-->
            <a class="dropdown-toggle" href="/list">心理量表测试<!--小三角<span class="caret"></span>--></a>
            <ul class="subMenu">
                <li>
                    <a href="#">性格测试</a>
                </li>
                <li>
                    <a href="#">能力测试</a>
                </li>
                <li>
                    <a href="#">职场测试</a>
                </li>
            </ul>
        </li>

        <li>
            <a class="dropdown-toggle" href="<%=path%>/findAllEssay">解忧心灵铺<!--<span class="caret"></span>--></a>
            <ul class="subMenu">
                <li>
                    <a href="#">近期推文</a>
                </li>
                <li>
                    <a href="#">历史推文</a>
                </li>
            </ul>
        </li>
        <li>
            <a class="dropdown-toggle" href="<%=path%>/onlyFindAllAdmin">心理热线<!--<span class="caret"></span>--></a>
        </li>
        <li>
            <a><img id="tubiao" src="../img/little.jpg" alt="图片走丢了"/></a>
        </li>
        <li>
            <a href="<%=path%>/goAdministrator">我的</a>
        </li>
    </ul>
</div>

<!--轮播图-->
<div id="carousel">
    <div id="myCarousel" class="carousel slide" style="z-index: 10;">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="4"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="../img/scroll1.jpg" alt="图片走丢了">
                <!--标题，可选项-->
                <!--<div class="carousel-caption">标题 1</div>-->
            </div>
            <div class="item">
                <img src="../img/scroll2.jpg" alt="图片走丢了">
                <!--<div class="carousel-caption">标题 2</div>-->
            </div>
            <div class="item">
                <img src="../img/scroll3.jpg" alt="图片走丢了">
                <!--<div class="carousel-caption">标题 3</div>-->
            </div>
            <div class="item">
                <img src="../img/scroll4.jpg" alt="图片走丢了">
                <!--<div class="carousel-caption">标题 4</div>-->
            </div>
            <div class="item">
                <img src="../img/scroll5.jpg" alt="图片走丢了">
                <!--<div class="carousel-caption">标题 5</div>-->
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"
           style="background-image: none;">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">上一张</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"
           style="background-image: none;">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">下一张</span>
        </a>
    </div>
</div>

<!--推文，滚动文字及图片-->
<div id="main" class="row-fluid">
    <%--左边的推文和量表--%>
        <div id="mainLeft" class="col-md-5">
            <div id="mainLeftContent">
                <div class="mls">
                    <img class="moon" src="../img/moon.jpg">
                    <a class="article" href="<%=path%>/findAllEssay">推文</a>
                    <div class="title_more">more>></div>
                </div>
                <div class="mls showleft">
                    <img class="sun" src="../img/sun.jpg">
                    <a class="article" href="<%=path%>/select">量表</a>
                    <div class="title_more">more>></div>
                </div>
                <!--装推文的div-->
                <div id="showContent1" class="showContent">
                    <ul>
                        <a href="/findAllEssay?id=1" target="_blank">
                            <li><span class="notice">推文1</span></li>
                        </a>
                        <a href="/findAllEssay?id=2">
                            <li><span class="notice">推文2</span></li>
                        </a>
                        <a href="/findAllEssay?id=3">
                            <li><span class="notice">推文3</span></li>
                        </a>
                        <a href="/findAllEssay?id=4">
                            <li><span class="notice">推文4</span></li>
                        </a>
                        <a href="/findAllEssay?id=5">
                            <li><span class="notice">推文5</span></li>
                        </a>
                    </ul>
                </div>
                <!--装量表的div-->
                <div id="showContent2" class="showContent">
                    <ul>
                        <a href="#">
                            <li><span class="notice">量表1</span></li>
                        </a>
                        <a href="#">
                            <li><span class="notice">量表2</span></li>
                        </a>
                        <a href="#">
                            <li><span class="notice">量表3</span></li>
                        </a>
                        <a href="#">
                            <li><span class="notice">量表4</span></li>
                        </a>
                        <a href="#">
                            <li><span class="notice">量表5</span></li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>



    <%--中间的滚动文字--%>
    <div id="mainMiddle" class="col-md-4">
        <div id="mainMiddleContent">
            <%--滚动内容--%>
            <marquee id="middleScrollContent" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="1" align="left">
                <p>每一个不曾起舞的日子，都是对生命的辜负 ——尼采</p>
                <p>不为昨天烦恼，不为明天迷惘，只为今天更美好，别指望永远，永远最不可靠，很多时候，幸福转瞬即逝，变化无处不在</p>
                <p>人不应该是插在花瓶里供人观赏的静物，而是蔓延在草原上随风起舞的韵律，生命不是安排，而是追求，人的意义也许永远没有答案，但也要尽情感受这种没有答案的人生--伍尔芙</p>
                <p>怀着一颗宽容的心去生活，再拥挤的世界也会变得无限宽广，再平凡的人生也会变得充满阳光</p>
                <p>每个人都有自己故事，只是演绎的方式不同</p>
                <p>不同的人，即使站在同一个地方，透过各自的人生，看到的风景也有所不同</p>
                <p>如果你受苦了，感谢生活，那是它给你的一份感觉；如果你受苦了，感谢自己，说明你还有前进的动力</p>
                <p>人生是有限的，我们所能做的只不过是在有生之年让自己过得高兴些罢了</p>
                <p>人生无须太多的准备，上帝给了我们腿与脚，就是让我们不停地前行</p>
                <p>有时候记忆这东西真的很难捉摸，偶尔会想起一些仅仅见过几面甚至擦肩而过的人，却想不起初中里坐最后一排的人是什么模样。别把生活想的太难，感恩自己还活在这人世间。生活没有答案，生活不需要答案</p>
                <p>不惊扰别人的宁静，就是慈悲；不伤害别人的自尊，就是善良。人活着，发自己的光就好，不要吹灭别人的灯</p>
                <p>人生中，有些事情是我们可以掌控的，把握得好，我们会拥有更多的成功机会，即使失败，也不会怨天尤人</p>
            </marquee>
        </div>
    </div>
    <%--右边的大小图--%>
    <div id="mainRight" class="col-md-3">
        <div id="showRightContent">
            <!--大图div-->
            <div id="mainRightPicture">
                <img id="showPicture" src="../img/little1.jpg" alt="图片走丢了"/>
            </div>
            <!--小图div-->
            <div id="smallPictures">
                <ul>
                    <li><img class="slp current" src="../img/little1.jpg" alt="图片走丢了"/></li>
                    <li><img class="slp" src="../img/little2.jpg" alt="图片走丢了"/></li>
                    <li><img class="slp" src="../img/little3.png" alt="图片走丢了"/></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--尾部-->
<div id="footer">
    <div id="footerContent">
        <!--尾部logo-->
        <div id="footerLogoContainer">
            <img id="footerLogo" src="../img/logo-clear.png" alt="图片走丢了"/>
        </div>
        <p style="padding-bottom: 0;">
            <a href="#">平台简介</a>&nbsp;|
            <a href="#">联系我们</a>&nbsp;|
            <a href="#">意见反馈</a>&nbsp;|
            <a href="#">常见问题</a>
        </p>
        <p style="padding-bottom: 30px">
            ©<a id="year"></a> 解忧心灵团队运营维护
        </p>
    </div>
</div>
<%--真正实现时要加一个确认提示信息--%>
<a href="${pageContext.request.contextPath}/deleteUser">从数据库中永久删除我</a>
</body>
</html>
